# hugomakes-portfolio

A personal portfolio theme built in HUGO

![Website Image]()

## Features

- Responsive Design
- 4 different color schemes
- Portfolio Section
- Homepage to show off skills

## Installation

### Integrating into your site

To install this theme, first create a themes folder in your site with

```bash
mkdir themes
```

Then move into this directory with

```bash
cd themes
```

The repository can then be added either by cloning or adding as a submodule

```bash
# Cloning
git clone https://notabug.org/nikomakes/hugomakes-portfolio/ hugomakes-portfolio
# Submodule
git submodule add https://notabug.org/nikomakes/hugomakes-portfolio/ hugomakes-portfolio
```

In the `config.yaml` file in your site directory add

```yaml
theme="hugomakes-portfolio"
```

### Creating a new site

The exampleSite folder is all set up to work as a site, just copy it out of the Git repo and it will work. You need to have golang installed as it uses [hugo modules](https://gohugo.io/hugo-modules/use-modules/).

## Configuration

This is a highly configurable site, and as such, it will be unlikely that it will work with your existing site.

### `Config.yaml`

`Config.yaml` provides the basic structure of the site, it contains a range of sections

#### Base information

In the example site, the base information looks as follows

```yaml
baseURL = "http://example.com" # The URL of your site
languageCode = "en-gb" # The language you want to display the site in
title = "nikomakes" # The title you want to appear in the address bar
theme = "hugomakes-portfolio" # The theme, don't change this
```

#### Params

This contains the other configuration information
### social

This specifies `icon` (fontawesome) and `url` of your social network profiles

```yaml
  social:
  - {icon: 'twitter',   url: 'https://twitter.com/'}
  - {icon: 'instagram', url: 'https://instagram.com/'}
  - {icon: 'github',    url: 'https://github.com/'}
  - {icon: 'linkedin',  url: 'https://linkedin.com/in/'}
  - {icon: 'envelope',  url: 'mailto:hi@yourdomain.com'}
```



#### seo

SEO parameters for your website

```yml
description: 'A personal portfolio built with Hugo and Bootstrap'
rel-author: 'https://nikomak.es'
rel-publisher: 'https://nikomak.es'
```
